import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const PlaySvg = () => (
  <svg
    width="14"
    height="14"
    viewBox="0 0 14 14"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M7.45664 1.06738C7.34414 1.01582 7.21914 0.989258 7.09258 0.989258C6.87539 0.989258 6.67383 1.06895 6.52227 1.21426L3.38477 3.88145H0.916016C0.736328 3.88145 0.542578 3.94238 0.391016 4.04395H0.328516L0.192578 4.1877C0.0753907 4.31113 0.00195312 4.5127 0.00195312 4.71582V9.25801C0.00195312 9.49238 0.106641 9.74863 0.266016 9.90801C0.425391 10.0689 0.681641 10.1721 0.916016 10.1721H3.38789L6.52383 12.7596C6.65508 12.883 6.88789 13.0096 7.08008 13.0096C7.16758 13.0096 7.33789 13.0096 7.50352 12.8846C7.65977 12.8189 7.78164 12.7221 7.86445 12.5939C7.95352 12.4596 7.9957 12.2955 7.9957 12.0939V1.8752C7.9957 1.67363 7.95195 1.50957 7.86445 1.3752C7.77383 1.23457 7.63633 1.13145 7.45664 1.06738ZM7.06914 1.96426V12.0096L3.84727 9.35176L3.71914 9.24551V9.24707H0.926953V4.80801H3.72383L7.06914 1.96426ZM13.052 3.6877C12.7254 3.17676 12.3254 2.73301 11.866 2.37207L11.8645 2.37051C11.8441 2.35332 11.8301 2.34238 11.8191 2.33301C11.7488 2.28926 11.6691 2.26582 11.5832 2.26582C11.4223 2.26582 11.2457 2.34863 11.0973 2.49238L11.0957 2.49395C10.9645 2.70488 11.0348 3.05488 11.2363 3.2002L11.2379 3.20176C11.3332 3.24082 11.4676 3.35332 11.5629 3.44238C11.7098 3.57832 11.9316 3.8127 12.1582 4.15488C12.5379 4.72988 12.991 5.7127 12.991 7.13613C12.991 8.55801 12.5629 9.54082 12.2051 10.1143C11.991 10.458 11.7801 10.6908 11.641 10.8268C11.5066 10.9564 11.402 11.0377 11.327 11.0689L11.3254 11.0705C11.1082 11.2236 11.0566 11.5174 11.1988 11.8002C11.2582 11.9205 11.4676 12.0018 11.6254 12.0018C11.6848 12.0018 11.8426 12.0018 11.8973 11.9471C11.9082 11.9361 11.9207 11.9252 11.9488 11.9033C12.3879 11.5455 12.7707 11.1064 13.0848 10.5939C13.691 9.60645 13.9988 8.44395 13.9988 7.13457C13.9988 5.83145 13.6801 4.67207 13.052 3.6877Z"
      // fill="#777F93"
    />
  </svg>
);

const PlayIcon = (
  props: Partial<CustomIconComponentProps> & {
    onClick?: () => void;
    type?: string;
  }
) => {
  const { type } = props;
  return <Icon component={PlaySvg} {...props} />;
};

export default PlayIcon;
